/*大屏*/
*{
    margin: 0;
    padding: 0;
}
body{
    background: url("../images/bg.png") no-repeat center;
    background-size:100% 100%;
    background-attachment:fixed;
    -webkit-background-size: cover;

}

/*头部*/
#header{
    width: 100%;
    height: 95px;
    position: relative;
    /*border-bottom: 1px solid #00fbfe;*/
    background: url("../images/head_bg.png") no-repeat center center;
    background-size: 100%;
    box-shadow: 0 0 25px #037581;
    min-width: 1366px;
}
#header .header{
    width: 1000px;
    height: 120px;
    /*background: red;*/
    margin: 0 auto;
    text-align: center;
    line-height: 80px;
    font-size: 25px;
}
#header .header h1{
    color: #ffffff;
    text-shadow: 0 0 25px #00d8ff;
    font-size: 45px;
    font-family:"Adobe 楷体 Std R";
}
/*整体盒子*/
.data_content{
    width: calc(100% - 40px);
     /*height: 1000px;*/
     height: 850px;
     margin-left: 15px;
     min-width: 1366px;
}

/*功能区盒子*/

/*功能一*/
/*右边*/
.part1{
     position: absolute;
     width: 34.5%;
     height: 89%;
     right: 5px;
     top:10%;
 }
.part1_top{
     position: absolute;
     width: 100%;
     height: 34.5%;
     right: 5px;
     top:0px;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
.part1_mid{
     position: absolute;
     width: 100%;
     height: 32%;
     right: 5px;
     top:35.5%;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
.part1_bottom{
     position: absolute;
     width: 100%;
     height: 31.5%;
     right: 5px;
     top:68.8%;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
/*左边车流量折线图*/
.part2{
     position: absolute;
     width: 64%;
     height: 28%;
     bottom: 5px;
     left:5px;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
/*左边行驶车辆热力图*/
.part3{
     position: absolute;
     width: 64%;
     height: 60%;
     top:10%;
     left:5px;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }

/*功能二*/
/*右边*/
.part4{
      position: absolute;
      width: 34.5%;
      height: 89%;
      right: 5px;
      top:10%;
      /*background:  rgba(1,33,44,0.3);*/
      /*border: 2px solid rgba(255, 3, 20, 0.5);*/
 }
.part4_top{
     position: absolute;
     width: 100%;
     height: 67%;
     right: 5px;
     top:0px;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
.part4_bottom{
     position: absolute;
     width: 100%;
     height: 31.5%;
     right: 5px;
     top:68.8%;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
/*左边平行左边系*/
.part7{
     position: absolute;
     width: 64%;
     height: 28%;
     bottom: 5px;
     left:5px;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }


/*功能三*/
.part5 {
    position: absolute;
    width: 34.5%;
    height: 89%;
    right: 5px;
    top: 10%;
    /*background: rgba(1, 33, 44, 0.3);*/
    /*border: 2px solid rgba(0, 255, 61, 0.5);*/
}
.part5_top{
     position: absolute;
     width: 100%;
     height: 34.5%;
     right: 5px;
     top:0px;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
.part5_mid{
     position: absolute;
     width: 100%;
     height: 32%;
     right: 5px;
     top:35.5%;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
.part5_bottom{
     position: absolute;
     width: 100%;
     height: 31.5%;
     right: 5px;
     top:68.8%;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
/*左边盒子*/
.part6{
     position: absolute;
     width: 64%;
     height: 60%;
     top:10%;
     left:5px;
     background:  rgba(1,33,44,0.3);
     border: 2px solid rgba(76, 124, 255, 0.5);
 }
/*下拉框：时间、路段选择*/
.changeitem1{
    position:absolute;
    width: 10%;
    height: 6%;
    left: 2%;
    top: 11%;
    z-index: 1;
    background: rgba(8, 75, 108, 0.2);
    font-size: 15px;
    font-style: normal;
    color:rgba(255,255,255,1);
    border-style: outset;
    border-color: rgba(8, 75, 108, 0.2);
    border-width:5px;
    text-align: center;
}
.changeitem2{
    position:absolute;
    width: 10%;
    height: 6%;
    left: 2%;
    top: 4%;
    z-index: 1;
    background: rgba(8, 75, 108, 0.2);
    font-size: 15px;
    font-style: normal;
    color:rgba(255,255,255,1);
    border-style: outset;
    border-color: rgba(8, 75, 108, 0.2);
    text-align: center;
    border-width:5px;
}
.fun_button1{
    position: absolute;
    width: 30%;
    height: 3.5%;
    top: 5.5%;
    right:5px;
    background-color: rgb(92, 119, 153);
    border-style: outset;
    border-width:1px;
}
/*按钮*/
.button1{
    position: absolute;
    width: 32.5%;
    height: 100%;
    text-align: center;
    top: 0%;
    z-index: 1;
    left:0%;
    background-color: rgb(8, 75, 108);
    font-size: 15px;
    color: rgb(255, 255, 255);

    /*box-shadow: 0 0 10px rgb(0,153,184) inset,0 0 10px rgb(0,153,184);*/
}
/*点击后变色*/
.button1:focus{
     box-shadow: 0 0 20px rgb(0,153,184) inset,0 0 10px rgb(2, 222, 246);
}
.button2{
    position: absolute;
    width: 32.5%;
    height: 100%;
    text-align: center;
    top: 0%;
    z-index: 1;
    left:33%;
    font-size: 15px;
    color: rgb(255, 255, 255);
    background-color: rgb(8, 75, 108);
}
.button2:focus{
    box-shadow: 0 0 20px rgb(0,153,184) inset,0 0 10px rgb(2, 222, 246);
}
.button3{
    position: absolute;
    width: 34%;
    height: 100%;
    text-align: center;
    top: 0%;
    z-index: 1;
    left:66%;
    font-size: 15px;
    color: rgb(255, 255, 255);
    background-color: rgb(8, 75, 108);
}
.button3:focus{
     box-shadow: 0 0 20px rgb(0,153,184) inset,0 0 10px rgb(2, 222, 246);
}